<!DOCTYPE html>
<html>
<head>
    <title>看会儿球</title>
    <meta charset="utf-8"/>
    <!--<link href="./vendor/css/bootstrap.css" rel="stylesheet"/>-->
    <link href="./vendor/normalize.css" rel="stylesheet"/>
    <link href="./css/basketball-index.css" rel="stylesheet"/>
    <!--<script src="http://cdn.bootcss.com/jquery/1.10.2/jquery.min.js"></script>-->
    <script src="./vendor/jquery-2.0.3.js"></script>
    <script src="./vendor/bootstrap-carousel.js"></script>
    <!--<script src="./js/js/tests/carousel.js"></script>-->
</head>
<body>
<div id="main">
<div id="header">
    <div class="header-wrap">
        <div class="logo"></div>
        <div class="input-group">
            <input type="text" class="form-control" placeholder="  找你想要的比赛"/>
                <span class="input-group-btn">
                    <button class="btn btn-default" type="button"></button>
                </span>
        </div>
        <ul class="team-logo">
            <li><a class="team-logo-one" href="#"></a></li>
            <li><a class="team-logo-two" href="#"></a></li>
            <li><a class="team-logo-three" href="#"></a></li>
            <li><a class="team-logo-four" href="#"></a></li>
        </ul>
        <div class="admin">
            <a class="admin-information" href="#">
                admin
            </a>
            <span class="information-remind">3</span>
        </div>
    </div>
</div>
<div id="content">
<div class="bs-example">
    <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
        <ol class="carousel-indicators">
            <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
            <li data-target="#carousel-example-generic" data-slide-to="1" class=""></li>
            <li data-target="#carousel-example-generic" data-slide-to="2" class=""></li>
            <li data-target="#carousel-example-generic" data-slide-to="3" class=""></li>
        </ol>
        <div class="carousel-inner">
            <div class="item active">
                <img data-src="" alt="first picture" src="./imgs/index-carousel.png"/>
                <!--添加图片介绍-->
                <!--<div class="carousel-caption">-->
                <!--<h3>picture one</h3>-->
                <!--<p>女鞋</p>-->
                <!--</div>-->
            </div>
            <div class="item ">
                <img data-src="" alt="first picture" src="./imgs/img0.jpg"/>
                <!--添加图片介绍-->
                <!--<div class="carousel-caption">-->
                    <!--<h3>picture one</h3>-->
                    <!--<p>女鞋</p>-->
                <!--</div>-->
            </div>
            <div class="item ">
                <img data-src="" alt="second picture" src="./imgs/img1.jpg"/>
                <!--添加图片介绍-->
                <!--<div class="carousel-caption">-->
                    <!--<h3>picture two</h3>-->
                    <!--<p>保险</p>-->
                <!--</div>-->
            </div>
            <div class="item ">
                <img data-src="" alt="third picture" src="./imgs/img2.jpg"/>
                <!--添加图片介绍-->
                <!--<div class="carousel-caption">-->
                    <!--<h3>picture three</h3>-->
                    <!--<p>手机</p>-->
                <!--</div>-->
            </div>
        </div>
        <a class="left carousel-control" href="#carousel-example-generic" data-slide="prev">
            <span class="glyphicon glyphicon-chevron-left"></span>
        </a>
        <a class="right carousel-control" href="#carousel-example-generic" data-slide="next">
            <span class="glyphicon glyphicon-chevron-right"></span>
        </a>
    </div>
</div>
<div class="main-content">
<div class="left-content">
    <div class="top-padding"></div>
    <ul class="left-nav">
        <li><a href="#">推荐视频</a></li>
        <li><a class="active" href="#">火箭</a></li>
        <li><a href="#">林书豪</a></li>
        <li><a href="#">快船</a></li>
        <li><a href="#">保罗</a></li>
    </ul>
    <div class="hot-video-wrap">
        <p class="hot-video-top-title">热门视频</p>

        <div class="hot-video-right-icon"></div>
        <ul class="hot-video-list">
            <li>
                <a class="hot-video-link" href="#">
                    <img src="./imgs/index-hot-video.png"/>
                </a>
                <a class="hot-video-title-link" href="#">
                    <p class="hot-video-title">湖人惜败开拓者集锦</p>
                </a>
            </li>
            <li>
                <a class="hot-video-link" href="#">
                    <img src="./imgs/index-hot-video.png"/>
                </a>
                <a class="hot-video-title-link" href="#">
                    <p class="hot-video-title">湖人惜败开拓者集锦</p>
                </a>
            </li>
            <li>
                <a class="hot-video-link" href="#">
                    <img src="./imgs/index-hot-video.png"/>
                </a>
                <a class="hot-video-title-link" href="#">
                    <p class="hot-video-title">湖人惜败开拓者集锦</p>
                </a>
            </li>
            <li>
                <a class="hot-video-link" href="#">
                    <img src="./imgs/index-hot-video.png"/>
                </a>
                <a class="hot-video-title-link" href="#">
                    <p class="hot-video-title">湖人惜败开拓者集锦</p>
                </a>
            </li>
        </ul>
    </div>
</div>
<div class="right-content">
<div class="left-tab-content">
    <div class="tab-nav">
        <a class="left-active-nav">火箭</a>
        <span></span>
        <a class="new-collection">最新集锦</a>
        <span></span>
        <a class="tab-nav-more">更多>></a>
    </div>
    <!-- End tab-nav-->
    <div class="tab-content">
        <div class="video-block-one ">
            <a class="left-control active"></a>

            <div class="video-list-one">
                <ul class="video-list">
                    <li class="item">
                        <a class="video-link" href="#">
                            <img src="./imgs/index-video.png"/>
                        </a>
                        <a class="video-title-link" href="#">
                            鹈鹕三加时胜公牛集锦霍利迪2.6秒制胜一投
                        </a>

                        <div class="data-praise-information">
                            <span class="data">2013-12-03</span>
                            <a class="red-heart" href="#">5352</a>
                        </div>
                    </li>
                    <li class="item">
                        <a class="video-link" href="#">
                            <img src="./imgs/index-video.png"/>
                        </a>
                        <a class="video-title-link" href="#">
                            鹈鹕三加时胜公牛集锦霍利迪2.6秒制胜一投
                        </a>

                        <div class="data-praise-information">
                            <span class="data">2013-12-03</span>
                            <a class="red-heart" href="#">5352</a>
                        </div>
                    </li>
                    <li class="item">
                        <a class="video-link" href="#">
                            <img src="./imgs/index-video.png"/>
                        </a>
                        <a class="video-title-link" href="#">
                            鹈鹕三加时胜公牛集锦霍利迪2.6秒制胜一投
                        </a>

                        <div class="data-praise-information">
                            <span class="data">2013-12-03</span>
                            <a class="red-heart" href="#">5352</a>
                        </div>
                    </li>
                    <li class="item">
                        <a class="video-link" href="#">
                            <img src="./imgs/index-video.png"/>
                        </a>
                        <a class="video-title-link" href="#">
                            鹈鹕三加时胜公牛集锦霍利迪2.6秒制胜一投
                        </a>

                        <div class="data-praise-information">
                            <span class="data">2013-12-03</span>
                            <a class="red-heart" href="#">5352</a>
                        </div>
                    </li>
                    <li class="item">
                        <a class="video-link" href="#">
                            <img src="./imgs/index-video.png"/>
                        </a>
                        <a class="video-title-link" href="#">
                            鹈鹕三加时胜公牛集锦霍利迪2.6秒制胜一投
                        </a>

                        <div class="data-praise-information">
                            <span class="data">2013-12-03</span>
                            <a class="red-heart" href="#">5352</a>
                        </div>
                    </li>
                </ul>
            </div>
            <a class="right-control"></a>
        </div>
        <!-- End video-list-one-->
        <!-- End video-block-one-->
        <span class="video-block-spacebar"></span>

        <div class="video-block-two ">
            <a class="left-control"></a>

            <div class="video-list-two">
                <ul class="video-list">
                    <li class="item">
                        <a class="video-link" href="#">
                            <img src="./imgs/index-video.png"/>
                        </a>
                        <a class="video-title-link" href="#">
                            鹈鹕三加时胜公牛集锦霍利迪2.6秒制胜一投
                        </a>

                        <div class="data-praise-information">
                            <span class="data">2013-12-03</span>
                            <a class="red-heart" href="#">5352</a>
                        </div>
                    </li>
                    <li class="item">
                        <a class="video-link" href="#">
                            <img src="./imgs/index-video.png"/>
                        </a>
                        <a class="video-title-link" href="#">
                            鹈鹕三加时胜公牛集锦霍利迪2.6秒制胜一投
                        </a>

                        <div class="data-praise-information">
                            <span class="data">2013-12-03</span>
                            <a class="red-heart" href="#">5352</a>
                        </div>
                    </li>
                    <li class="item">
                        <a class="video-link" href="#">
                            <img src="./imgs/index-video.png"/>
                        </a>
                        <a class="video-title-link" href="#">
                            鹈鹕三加时胜公牛集锦霍利迪2.6秒制胜一投
                        </a>

                        <div class="data-praise-information">
                            <span class="data">2013-12-03</span>
                            <a class="red-heart" href="#">5352</a>
                        </div>
                    </li>
                    <li class="item">
                        <a class="video-link" href="#">
                            <img src="./imgs/index-video.png"/>
                        </a>
                        <a class="video-title-link" href="#">
                            鹈鹕三加时胜公牛集锦霍利迪2.6秒制胜一投
                        </a>

                        <div class="data-praise-information">
                            <span class="data">2013-12-03</span>
                            <a class="red-heart" href="#">5352</a>
                        </div>
                    </li>
                    <li class="item">
                        <a class="video-link" href="#">
                            <img src="./imgs/index-video.png"/>
                        </a>
                        <a class="video-title-link" href="#">
                            鹈鹕三加时胜公牛集锦霍利迪2.6秒制胜一投
                        </a>

                        <div class="data-praise-information">
                            <span class="data">2013-12-03</span>
                            <a class="red-heart" href="#">5352</a>
                        </div>
                    </li>
                </ul>
            </div>
            <!-- End video-list-one-->
            <a class="right-control"></a>
        </div>
        <!-- End video-block-two-->
    </div>
    <!--End tab-content-->
</div>
<!--End left-tab-content-->
<div class="recent-match">
    <div class="match today-match">
        <p class="match-title today-match-title">
            <span class="tv-icon"></span>
            <span class="date">今天</span>
            - 11场比赛
        </p>

        <div class="match-block match-block-one">
            <a class="left-control active" href="#"></a>
            <ul class="match-list today-match-list">
                <li class="match-item1">
                    <a class="match-link today-match-link" href="#">
                        <div class="team-A">
                            <span class="team-name">雄鹿</span>
                            <span class="score">77</span>
                        </div>
                        <div class="team-B">
                            <span class="team-name">步行者</span>
                            <span class="score">104</span>
                        </div>
                        <span class="mask">结束</span>

                    </a>
                </li>
                <li class="match-item2">
                    <a class="match-link today-match-link" href="#">
                        <div class="team-A">
                            <span class="team-name">雄鹿</span>
                            <span class="score">77</span>
                        </div>
                        <div class="team-B">
                            <span class="team-name">步行者</span>
                            <span class="score">104</span>
                        </div>
                        <span class="mask">结束</span>

                    </a>
                </li>
                <li class="match-item3">
                    <a class="match-link today-match-link" href="#">
                        <div class="team-A">
                            <span class="team-name">雄鹿</span>
                            <span class="score">77</span>
                        </div>
                        <div class="team-B">
                            <span class="team-name">步行者</span>
                            <span class="score">104</span>
                        </div>
                        <span class="mask">结束</span>

                    </a>
                </li>
                <li class="match-item4">
                    <a class="match-link today-match-link" href="#">
                        <div class="team-A">
                            <span class="team-name">雄鹿</span>
                            <span class="score">77</span>
                        </div>
                        <div class="team-B">
                            <span class="team-name">步行者</span>
                            <span class="score">104</span>
                        </div>
                        <span class="mask">结束</span>

                    </a>
                </li>
                <li class="match-item5">
                    <a class="match-link today-match-link" href="#">
                        <div class="team-A">
                            <span class="team-name">雄鹿</span>
                            <span class="score">77</span>
                        </div>
                        <div class="team-B">
                            <span class="team-name">步行者</span>
                            <span class="score">104</span>
                        </div>
                        <span class="mask">结束</span>

                    </a>
                </li>
                <li class="match-item6">
                    <a class="match-link today-match-link" href="#">
                        <div class="team-A">
                            <span class="team-name">雄鹿</span>
                            <span class="score">77</span>
                        </div>
                        <div class="team-B">
                            <span class="team-name">步行者</span>
                            <span class="score">104</span>
                        </div>
                        <span class="mask">结束</span>

                    </a>
                </li>
            </ul>
            <a class="right-control" href="#"></a>
        </div>

    </div>
    <div class="match last-match">
        <p class="match-title last-match-title">
            <span class="tv-icon"></span>
            <span class="date">星期日 11月17日</span>
            - 11场比赛
        </p>

        <div class="match-block match-block-two">
            <a class="left-control" href="#"></a>
            <ul class="match-list last-match-list">
                <li class="match-item1">
                    <a class="match-link last-match-link" href="#">
                        <div class="team-A">
                            <span class="team-name">雄鹿</span>
                            <span class="score">77</span>
                        </div>
                        <div class="team-B">
                            <span class="team-name">步行者</span>
                            <span class="score">104</span>
                        </div>
                        <span class="mask">结束</span>

                    </a>
                </li>
                <li class="match-item2">
                    <a class="match-link last-match-link" href="#">
                        <div class="team-A">
                            <span class="team-name">雄鹿</span>
                            <span class="score">77</span>
                        </div>
                        <div class="team-B">
                            <span class="team-name">步行者</span>
                            <span class="score">104</span>
                        </div>
                        <span class="mask">结束</span>

                    </a>
                </li>
                <li class="match-item3">
                    <a class="match-link last-match-link" href="#">
                        <div class="team-A">
                            <span class="team-name">雄鹿</span>
                            <span class="score">77</span>
                        </div>
                        <div class="team-B">
                            <span class="team-name">步行者</span>
                            <span class="score">104</span>
                        </div>
                        <span class="mask">结束</span>

                    </a>
                </li>
                <li class="match-item4">
                    <a class="match-link last-match-link" href="#">
                        <div class="team-A">
                            <span class="team-name">雄鹿</span>
                            <span class="score">77</span>
                        </div>
                        <div class="team-B">
                            <span class="team-name">步行者</span>
                            <span class="score">104</span>
                        </div>
                        <span class="mask">结束</span>

                    </a>
                </li>
                <li class="match-item5">
                    <a class="match-link last-match-link" href="#">
                        <div class="team-A">
                            <span class="team-name">雄鹿</span>
                            <span class="score">77</span>
                        </div>
                        <div class="team-B">
                            <span class="team-name">步行者</span>
                            <span class="score">104</span>
                        </div>
                        <span class="mask">结束</span>

                    </a>
                </li>
                <li class="match-item6">
                    <a class="match-link last-match-link" href="#">
                        <div class="team-A">
                            <span class="team-name">雄鹿</span>
                            <span class="score">77</span>
                        </div>
                        <div class="team-B">
                            <span class="team-name">步行者</span>
                            <span class="score">104</span>
                        </div>
                        <span class="mask">结束</span>

                    </a>
                </li>
            </ul>
            <a class="right-control" href="#"></a>
        </div>

    </div>
</div>
</div>
</div>
</div>
</div>
<!--End -->
<div id="footer">
    <p>2013年著作权 NBA Hong Kong Operations Limited 所有权保留。</p>

    <p><a href="http://china.nba.com/" target="_blank">NBA.com/China</a>上除去使用条款中所特别提及的部分之外，其它任何内容都不得以任何形式被复制、再传播，或篡改。
    </p>

    <p>进入NBA.com/China后，即表示阁下同意遵守<a href="http://china.nba.com/" target="_blank">NBA.com/China</a>的隐私政策和使用条款。</p>

    <p>有任何的建议和意见，都欢迎联络我们：<a href="http:\\NBAChinaInfo@nba.com"> NBAChinaInfo@nba.com</a></p>
</div>
<!--End footer-->

<!--<div class="cover-for-test"></div>-->
</body>
</html>